<template>
  <div>
    <el-card style="max-width: 480px" v-button="['sys:dept:first:table1']">
      <template #header>
        <div class="card-header">
          <span>Card name</span>
        </div>
      </template>
      <p v-for="o in 4" :key="o" class="text item">{{ "List item " + o }}</p>
      <template #footer>Footer content</template>
      <el-button v-button="['sys:dept:first:table1:button1']">这是一个卡片1的按钮1</el-button>
      <el-button v-button="['sys:dept:first:table1:button2']">这是一个卡片1的按钮2</el-button>
    </el-card>
    <br />
    <el-card style="max-width: 480px" v-button="['sys:dept:first:table2']">
      <p v-for="o in 4" :key="o" class="text item">{{ "List item " + o }}</p>

      <el-button v-button="['sys:dept:first:table2:button1']">这是一个卡片2的按钮1</el-button>
      <el-button v-button="['sys:dept:first:table2:button2']">这是一个卡片2的按钮2</el-button>
    </el-card>
    <el-card style="max-width: 480px" v-button="['sys:dept:first:table3']">
      <p v-for="o in 4" :key="o" class="text item">{{ "List item " + o }}</p>

      <el-button v-button="['sys:dept:first:table3:button1']">这是一个卡片3的按钮1</el-button>
      <el-button v-button="['sys:dept:first:table3:button2']">这是一个卡片3的按钮2</el-button>
    </el-card>
    <el-button>这是一个按钮</el-button>
  </div>
</template>
